const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  //对脚手架内部的webpack中的devServer进行重新配置
  devServer: {
    //自动打开浏览器
    // open: true,
    //配置主机地址
    host: "127.0.0.1",
    //配置端口号
    port: "8888",
    //最简单的配置代理,优点是简单,缺点是只能配置1个
    // proxy: "http://gmall-h5-api.atguigu.cn",

    //复杂代理配置,可以配置多个代理,用键值对来配置,
    proxy: {
      //每一个键就是请求要携带的前缀
      "/dev-api1": {
        //目标服务器地址
        target: "http://gmall-h5-api.atguigu.cn",
        //在请求时是否去掉添加的代理前缀
        pathRewrite: {
          "^/dev-api1": "",
        },
        //伪装自己的地址
        changeOrigin: true,
      },
    },
  },
  //关闭整个项目的eslint检测(不推荐!!!!)
  // lintOnSave: false,
  //如果这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中。
  configureWebpack: {
    resolve: {
      alias: {
        "@assets": "@/assets",
        "@comp": "@/components",
        "@utils": "@/utils",
        "@pages": "@/pages",
      },
    },
  },
});
